<template>
  <div class="container">
    <div class="chanpin">
      <div class="title">· 首次绑车</div>
      <img class="login-img" src="../../../assets/Applet/login-img.png" alt="">
      <div class="text text1">您首次购车进入小程序将会打开绑定车辆页面，在此页面点击“绑定我的爱车”按钮，即可打开手机扫码功能，扫描您爱车的二维码就能完成绑定！绑定成功后您将可以使用九银出行小程序的所有功能！</div>
      <div class="wire"></div>
      <div class="title">· 绑定多辆车</div>
      <div class="text ">如果您已经绑定了一辆九银电车，你还希望绑定第二辆，那么您只需要打开小程序，点击底部导航栏“我的”进入个人中心页面；</div>
      <img class="navbar-img" src="../../../assets/Applet/navbar-img.png" alt="">
      <div class="text text1">在个人中心页面，点击车辆列表上的添加车辆按钮，打开扫码功能，扫描您想绑定的下一辆车的二维码就能为您的“车库”再添一位新成员。</div>
      <img class="my-img" src="../../../assets/Applet/my-img.png" alt="">
    </div>
  </div>
</template>
<script>
import { Toast} from 'vant'
export default {
  components:{
    [Toast.name]:Toast
  },
  data(){
    return{

    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  height:100%;
  text-align: left;
}
.title{
  padding-left:20px;
  font-size:17px;
  font-weight:500;
  line-height: 73px;
  color:#333;
}
.login-img{
  width:322px;
  height:285px;
  margin-left:20px;
}
.text{
  padding:0 20px;
  font-size:13px;
  line-height: 23px;
  color:#666;
}
.text1{
  margin-top:20px;
  margin-bottom:20px;
}
.wire{
  width:100%;
  height:8px;
  background:#f3f3f3;
}
.navbar-img{
  width:323px;
  height:70px;
  margin-top:20px;
  margin-left:20px;
}
.my-img{
  width:326px;
  height:175px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:20px;
}
</style>